<div class="page-header no-breadcrumb font-header">用户中心</div>
<div class="content-wrap form-inline">
    <div class="panel panel-default">

        <!--panel-heading-->
        <div class="panel-heading font-header">
            <a class="btn btn-success btn-flat" href="/user/create">创建用户</a>
        </div>
        <!--panel-heading-->

        <!--panel-body-->
        <div class="panel-body">
            <div class="row common-padding">
                <div class="col-sm-6">
                    <label class="padding-right">用户状态</label>
                    <label class="radio-inline">
                        <input type="radio" value="option1" id="inlineRadio1" name="inlineRadioOptions"> 不限
                    </label>
                    <label class="radio-inline">
                        <input type="radio" value="option2" id="inlineRadio2" name="inlineRadioOptions"> 启用
                    </label>
                    <label class="radio-inline">
                        <input type="radio" value="option3" id="inlineRadio3" name="inlineRadioOptions"> 禁用
                    </label>
                </div>
                <div class="col-sm-6">
                    <div class="input-group pull-right">
                        <input type="text" placeholder="搜索内容" class="form-control">
                            <span class="input-group-btn font-12">
                            <button type="button" class="btn btn-flat btn-danger">搜索</button>
                          </span>
                    </div>
                </div>
            </div>
        </div>
        <!--panel-body-->

        <!--table-responsive-->
        <div class="table-responsive overflow-x">
            <div id="datatable_wrapper" class="dataTables_wrapper dt-bootstrap no-footer">
                <!--row-->
                <div class="row common-body common-ptop">
                    <div class="col-sm-12 table-items">
                        <table aria-describedby="datatable_info" class="table table-striped font-12 dataTable no-footer">
                            <thead>
                            <tr>
                                <th>编号</th>
                                <th class="text-center">机构名称</th>
                                <th class="text-center">登陆用户名</th>
                                <th class="text-center">所在地区</th>
                                <th class="text-center">联系人</th>
                                <th class="text-center">联系人电话</th>
                                <th class="text-center">设备数量</th>
                                <th class="text-center">状态</th>
                                <th class="text-center">服务期限</th>
                                <th class="text-center">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>YH01</td>
                                <td class="text-center">肇源县政府</td>
                                <td class="text-center">zyxzf</td>
                                <td class="text-center">黑龙江肇源县</td>
                                <td class="text-center">赵钱孙</td>
                                <td class="text-center">188-8888-8888</td>
                                <td class="text-center">10</td>
                                <td class="text-center">启用</td>
                                <td class="text-center">14年10月-15年10月</td>
                                <td class="text-center">
                                    <a href="#" class="text-btn text-success">进入后台</a>
                                    <a href="#0" class="text-btn text-warning common-po-btn">服务记录</a>
                                    <a href="#" class="text-btn text-info">编辑</a>
                                    <a href="#" class="text-btn text-danger">删除</a>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
                <!--row-->

                <div class="row">
                    <div class="col-sm-3">
                        <div  class="dataTables_length" id="datatable_length"><label>展示 <select
                                        name="datatable_length" aria-controls="datatable" class="form-control input-sm">
                                    <option value="10">10</option>
                                    <option value="25">25</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                </select> 条</label></div>
                    </div>
                    <div class="col-sm-2">
                        <div class="dataTables_info" id="datatable_info" role="status" aria-live="polite">显示1 12至10项
                        </div>
                    </div>
                    <div class="col-sm-7">
                        <div class="dataTables_paginate paging_simple_numbers" id="datatable_paginate">
                            <ul class="pagination">
                                <li class="paginate_button previous disabled" id="datatable_previous"><a href="#"
                                                                                                         aria-controls="datatable"
                                                                                                         data-dt-idx="0"
                                                                                                         tabindex="0">上一页</a>
                                </li>
                                <li class="paginate_button active"><a href="#" aria-controls="datatable"
                                                                      data-dt-idx="1" tabindex="0">1</a></li>
                                <li class="paginate_button "><a href="#" aria-controls="datatable" data-dt-idx="2"
                                                                tabindex="0">2</a></li>
                                <li class="paginate_button next" id="datatable_next"><a href="#"
                                                                                        aria-controls="datatable"
                                                                                        data-dt-idx="3"
                                                                                        tabindex="0">下一页</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--row-->
            </div>
        </div>
        <!--table-responsive-->

    </div>
</div>





<div class="cd-popup common-alert" role="alert">
    <div class="cd-popup-container cd-width">
        <div class="panel panel-orange no-bordered">
            <div class="panel-heading">
                <div class="title"><h3 class="alert-title"> 肇源县政府 </h3></div>
            </div>
            <div class="panel-body alertscroll">
                <div class="row">
                    <div class="col-sm-3 revel-time">
                        2015-12-4
                    </div>
                    <div class="col-sm-9">
                        <div class="row text-left">
                            <div class="col-sm-12">
                                <div class="title revel-title">
                                    技术人员到场调试设备；
                                </div>
                            </div>
                            <div class="col-sm-12 revel-inner-padding">
                                <a href="" class="btn btn-warning btn-flat"><i class="fa fa-trash"></i> <span>删除</span></a>
                                <a href="" class="btn btn-success btn-flat"><i class="fa fa-edit"></i> <span>编辑</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--row end-->
                <div class="row">
                    <div class="col-sm-3 revel-time">
                        2015-12-4
                    </div>
                    <div class="col-sm-9">
                        <div class="row text-left">
                            <div class="col-sm-12">
                                <div class="title revel-title">
                                    技术人员到场调试设备；
                                </div>
                            </div>
                            <div class="col-sm-12 revel-inner-padding">
                                <a href="" class="btn btn-warning btn-flat"><i class="fa fa-trash"></i> <span>删除</span></a>
                                <a href="" class="btn btn-success btn-flat"><i class="fa fa-edit"></i> <span>编辑</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 revel-time">
                        2015-12-4
                    </div>
                    <div class="col-sm-9">
                        <div class="row text-left">
                            <div class="col-sm-12">
                                <div class="title revel-title">
                                    技术人员到场调试设备；
                                </div>
                            </div>
                            <div class="col-sm-12 revel-inner-padding">
                                <a href="" class="btn btn-warning btn-flat"><i class="fa fa-trash"></i> <span>删除</span></a>
                                <a href="" class="btn btn-success btn-flat"><i class="fa fa-edit"></i> <span>编辑</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 revel-time">
                        2015-12-4
                    </div>
                    <div class="col-sm-9">
                        <div class="row text-left">
                            <div class="col-sm-12">
                                <div class="title revel-title">
                                    技术人员到场调试设备；
                                </div>
                            </div>
                            <div class="col-sm-12 revel-inner-padding">
                                <a href="" class="btn btn-warning btn-flat"><i class="fa fa-trash"></i> <span>删除</span></a>
                                <a href="" class="btn btn-success btn-flat"><i class="fa fa-edit"></i> <span>编辑</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 revel-time">
                        2015-12-4
                    </div>
                    <div class="col-sm-9">
                        <div class="row text-left">
                            <div class="col-sm-12">
                                <div class="title revel-title">
                                    技术人员到场调试设备；
                                </div>
                            </div>
                            <div class="col-sm-12 revel-inner-padding">
                                <a href="" class="btn btn-warning btn-flat"><i class="fa fa-trash"></i> <span>删除</span></a>
                                <a href="" class="btn btn-success btn-flat"><i class="fa fa-edit"></i> <span>编辑</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 revel-time">
                        2015-12-4
                    </div>
                    <div class="col-sm-9">
                        <div class="row text-left">
                            <div class="col-sm-12">
                                <div class="title revel-title">
                                    技术人员到场调试设备；
                                </div>
                            </div>
                            <div class="col-sm-12 revel-inner-padding">
                                <a href="" class="btn btn-warning btn-flat"><i class="fa fa-trash"></i> <span>删除</span></a>
                                <a href="" class="btn btn-success btn-flat"><i class="fa fa-edit"></i> <span>编辑</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--row end-->
                <div class="row">
                    <div class="col-sm-3 revel-time">
                        2015-12-4
                    </div>
                    <div class="col-sm-9">
                        <div class="row text-left">
                            <div class="col-sm-12">
                                <div class="title revel-title">
                                    技术人员到场调试设备；
                                </div>
                            </div>
                            <div class="col-sm-12 revel-inner-padding">
                                <a href="" class="btn btn-warning btn-flat"><i class="fa fa-trash"></i> <span>删除</span></a>
                                <a href="" class="btn btn-success btn-flat"><i class="fa fa-edit"></i> <span>编辑</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--row end-->
                <div class="row">
                    <div class="col-sm-12 revel-inner-padding">
                        <textarea class="form-control" name="layoutContent" data-bv-field="layoutContent" placeholder="请填写描述"></textarea>
                    </div>
                </div>
                <!--row end-->
                <div class="row co-padding-b">
                    <div class="col-sm-12 revel-inner-padding">
                        <div class="row">
                            <div class="col-sm-6">
                                <input type="text" id="datetimepicker3" class="form-control font-12" placeholder="起始日期">
                                <span aria-hidden="true" class="fa fa-calendar h4 form-control-feedback revel-m"></span>
                            </div>
                            <div class="col-sm-6 text-right">
                                <a href="" class="btn btn-success btn-flat"><i class="fa fa-trash"></i> <span>添加记录</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--row end-->
            </div>
        </div>
        <a href="#" class="cd-popup-close fa fa-2x fa-plus-circle text-white"></a>
    </div> <!-- cd-popup-container -->
</div>


